<demo>基本用法</demo>
<template>
<div>
    <Tabs v-model:selected="x" :disabled="y">
        <Tab title="Tab-One">内容页1</Tab>
        <Tab title="Tab-Two(disabled)"></Tab>
        <Tab title="Tab-Three">内容页3</Tab>
    </Tabs>
</div>
</template>

<script lang="ts">
import Tabs from '../lib/Tabs.vue'
import Tab from '../lib/Tab.vue'
import {
    ref
} from 'vue'
export default {
    components: {
        Tabs,
        Tab
    },
    setup() {
        const x = ref('Tab-Three');
        const y = ref('Tab-Two(disabled)');
        return {
            x,
            y
        };
    }
}
</script>
